// components/header/header.js

const app = getApp()
const themeArr = [{
    bgColor: '#fff',
    borderColor: 'rgba(0, 0, 0, 0.1)',
    color: '#333333',
    type: 'theme-type1'
  },
  {
    bgColor: '#59B683',
    borderColor: 'rgba(0, 0, 0, 0.1)',
    color: '#fff',
    type: 'theme-type2'
  }
]
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    title: {
      type: String,
      value: ''
    },
    showReturnBtn: {
      type: Boolean,
      value: true
    },
    showHomeBtn: {
      type: Boolean,
      value: true
    },
    themeType: {
      type: Number,
      value: 0
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    statusBarHeight: app.globalData.statusBarHeight,
    theme: {}
  },

  lifetimes: {
    attached: function() {
      this.setData({
        theme: themeArr[this.data.themeType]
      });
      // 在组件实例进入页面节点树时执行
    },
    detached: function() {
      // 在组件实例被从页面节点树移除时执行
    },
  },
  // 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容
  attached: function() {
    this.setData({
      theme: themeArr[this.data.themeType]
    });
    // 在组件实例进入页面节点树时执行
  },
  detached: function() {
    // 在组件实例被从页面节点树移除时执行
  },
  /**
   * 组件的方法列表
   */
  methods: {
    switchHome() {
      wx.switchTab({
        url: '/pages/index/index',
      });
    },
    returnPrePage() {
      this.triggerEvent('returnEvent', {}, {})
      // wx.navigateBack()
    },
  }
})